<template>
  <Layout>
    <Header class="my-header">
      <my-header></my-header>
    </Header>
    <Layout class="main">
      <my-content></my-content>
    </Layout>
    <BackTop></BackTop>
  </Layout>
</template>
<script>
import MyHeader from '../common/header'
import MyContent from './content'
export default {
  data () {
    return {
      theme1: 'dark'
    }
  },
  components: {
    MyHeader,
    MyContent
  },
  methods: {}
}
</script>
<style scoped>
.my-header {
  position: fixed;
  width: 100%;
}

.main {
  margin-top: 70px;
  margin-left: 50px;
  margin-right: 50px;
}
</style>
